<!DOCTYPE HTML>
<!--[if lt IE 9]>
<html id="ie8" lang="zh-CN">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html lang="zh-CN">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="google-site-verification" content="ScmDBVL4m8_1FCWi0q1GowKId0hYzo3t10pCTkxiMwg" />
    <title>${head_title()}</title>

    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

	<meta name="keywords" content="${meta_keywords()}"/>
    <meta name="description" content="${meta_description()}"/>
	
    <link rel="Shortcut Icon" href="${theme_url('/static/images/dolphin.ico')}" />
    <link rel="Bootmark" href="${theme_url('/static/images/dolphin.ico')}" />


    <link rel="stylesheet" href="${theme_url('/static/css/form.css')}">
    <link rel="stylesheet" href="${theme_url('/static/css/label.css')}">    
    <link rel="stylesheet" href="${theme_url('/static/css/zocial.css')}">

    <link rel="stylesheet" href="${theme_url('/static/css/global.css')}">
    <link rel="stylesheet" href="${theme_url('/static/css/header.css')}">
    <link rel="stylesheet" href="${theme_url('/static/css/content.css')}">
    <link rel="stylesheet" href="${theme_url('/static/css/comments.css')}">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="${theme_url('/static/js/jquery.timers-1.2.js')}"></script>

<!-- <style>
/* 如果提供背景, 就覆盖css/header.css里的默认背景 */
#description {
    background: url(${theme_url()}/static/images/rand/${random(15,".jpg")});
    background-position-y: 10%;
    background-size: cover;
}
</style> -->
<script type="text/javascript">

$(function(){
	  // js 定时器
	window.setInterval(function(){
		var num=RandomNumBoth(1,10);
		console.info(num);
		timer(num);
		
	},10000); 
		/* setTimeout(function(){
			$('body').everyTime('3s',function(){
			
				//do something...
				var num=RandomNumBoth(1,15);
				console.info(num);
				timer(num);
				});
		},3000); */
	}); 
var cns='${theme_url()}';
//定时器内容
function timer(num){
	
// 	$("#description").css({background:"url(${theme_url()}/static/images/rand/${random(15, '.jpg')})"});
	$("#description").css({background:"url("+cns+"/static/images/rand/"+num+".jpg)"});
}
//取随机数
function RandomNumBoth(Min,Max){
    var Range = Max - Min;
    var Rand = Math.random();
    var num = Min + Math.round(Rand * Range); //四舍五入
    return num;
}
//<![CDATA[
var TypechoComment = {
    dom : function (id) {
        return document.getElementById(id);
    },
    
    create : function (tag, attr) {
        var el = document.createElement(tag);
        
        for (var key in attr) {
            el.setAttribute(key, attr[key]);
        }
        
        return el;
    },

    reply : function (cid, coid) {
		
		
        var comment = this.dom(cid), parent = comment.parentNode,
            response = this.dom('respond-post-1'), input = this.dom('comment-parent'),
            form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0],
            textarea = response.getElementsByTagName('textarea')[0];
			coidin = response.getElementsByTagName('input')[0];

        
        //设置评论父id
        coidin.setAttribute('value', coid);

        if (null == this.dom('comment-form-place-holder')) {
            var holder = this.create('div', {
                'id' : 'comment-form-place-holder'
            });
            
            response.parentNode.insertBefore(holder, response);
        }

        comment.appendChild(response);
        this.dom('cancel-comment-reply-link').style.display = '';
        
        if (null != textarea && 'text' == textarea.name) {
            textarea.focus();
        }
		
        return false;
    },

    cancelReply : function () {
		
        var response = this.dom('respond-post-1'),
        holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent');
		
        if (null != input) {
            input.parentNode.removeChild(input);
        }

        if (null == holder) {
            return true;
        }

        this.dom('cancel-comment-reply-link').style.display = 'none';
        holder.parentNode.insertBefore(response, holder);
        return false;
    }
}
//]]>
</script>

    
</head>

<body>
  
<div id="back-to-top" class="red" data-scroll="body">
    <svg id="rocket" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 64 64">
        <path fill="#CCCCCC" d="M42.057,37.732c0,0,4.139-25.58-9.78-36.207c-0.307-0.233-0.573-0.322-0.802-0.329
        c-0.227,0.002-0.493,0.083-0.796,0.311c-13.676,10.31-8.95,35.992-8.95,35.992c-10.18,8-7.703,9.151-1.894,23.262
        c1.108,2.693,3.048,2.06,3.926,0.115c0.877-1.943,2.815-6.232,2.815-6.232l11.029,0.128c0,0,2.035,4.334,2.959,6.298
        c0.922,1.965,2.877,2.644,3.924-0.024C49.974,47.064,52.423,45.969,42.057,37.732z M31.726,23.155
        c-2.546-0.03-4.633-2.118-4.664-4.665c-0.029-2.547,2.012-4.587,4.559-4.558c2.546,0.029,4.634,2.117,4.663,4.664
        C36.314,21.143,34.272,23.184,31.726,23.155z"></path>
    </svg>
</div>

<div class="navbar">
    <div class="container">
        <ul class="nav">
            <li><a class="active" href="/">首页</a></li>
            
            <li><a href="${site_url('/archives')}">归档</a></li>
			<li><a href="${site_url('/links')}">友链</a></li>
			<li><a href="${site_url('/about')}">关于</a></li>
            
        </ul>
        <div class="nav-right">
            
            <form class="search-form" onsubmit="return false;">
                <input id="search-inp" type="text" name="s" class="search-input" maxlength="30" placeholder="站内搜索" value="${keyword}" />
            </form>
            
            <ul class="nav">
                
                <li><a href="/feed" class="zocial rss" target="_blank" title="RSS"></a></li>
                
                
                <li><a href="/" class="zocial gmail" target="_blank"></a></li>
                
            </ul>
        </div>
    </div>
</div>
  
<header id="description" >
    <div id="site-header">
        <a class="site-title" href="${site_url()}">${site_title()}</a>
    </div>
</header>

<div class="shadow"></div>

<div class="container" id="content">
    <div id="information" class="info block">
        
        
        
        <img class="avatar" src="${theme_url('/static/images/head.png')}" />
        
        <p class="description">${meta_description()}</p>
    </div>
    <div class="article-list">
